<template>
    <div class="main">
        <div class="title">视频中心
            <div class="line"></div>
        </div>
        <div class="news_items" v-for="(item,index) in items" :key="index">
            <news-item :itemData="item"></news-item>
        </div>
    </div>
</template>
<script>
import NewsItem from '../../components/NewsItem.vue'
export default {
    components: {
        NewsItem
    },
    data(){
        return{
            items:[
                {
                    title:"高校招生章程包含哪些重要信息",
                    imgUrl:"",
                    content:"校招生章程是高校依据我国相关教育法规和教育部要求制订的，是高校开展招生工作的重要依据。教育部明确指出：“高校的招生章程是高校向社会公布有关招生信息的必要形",
                    date:"2021-5-19"
                },
                {
                    title:"高校招生章程包含哪些重要信息",
                    imgUrl:"",
                    content:"校招生章程是高校依据我国相关教育法规和教育部要求制订的，是高校开展招生工作的重要依据。教育部明确指出：“高校的招生章程是高校向社会公布有关招生信息的必要形",
                    date:"2021-5-19"
                },
                {
                    title:"高校招生章程包含哪些重要信息",
                    imgUrl:"",
                    content:"校招生章程是高校依据我国相关教育法规和教育部要求制订的，是高校开展招生工作的重要依据。教育部明确指出：“高校的招生章程是高校向社会公布有关招生信息的必要形",
                    date:"2021-5-19"
                },
                {
                    title:"高校招生章程包含哪些重要信息",
                    imgUrl:"",
                    content:"校招生章程是高校依据我国相关教育法规和教育部要求制订的，是高校开展招生工作的重要依据。教育部明确指出：“高校的招生章程是高校向社会公布有关招生信息的必要形",
                    date:"2021-5-19"
                },
            ]
        }
    }
}
</script>
<style scoped>
.main{
    width: 100%;
    
}
.title{
    text-align: left;
    width: 100%;
    height: 62px;
    font-size: 24px;
    font-family: Noto Sans SC;
    font-weight: 700;
    text-align: left;
    color: #333333;
    margin-top: 15px;
    margin-left: 20px;
    position: relative;
}
.line{
    position: absolute;
    bottom: 0px;
    width: 1025px;
    height: 2px;
    background-color:rgba(51,170,255,.4) ;
}
.news_items{
    width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
}
</style>